<!-- src/components/Example.vue -->
<template>
    <div>
        <button @click="fetchData">获取数据</button>
        <pre>{{ data }}</pre>
    </div>
</template>

<script setup>
import { ref } from 'vue';
// import request from '@/utils/request'; // 引入封装好的 axios 实例
import posts from '@/api/posts';


const data = ref(null);
// const fetchDataDirect = async () => {
//     try {
//         const res = await request.get('/users') // 使用封装实例
//         data.value = res
//     } catch (error) {
//         console.error('获取失败:', error)
//     }
// };

const fetchData = async () => {
    const res = await posts.getPosts();
    console.log(res);
    data.value = res;
};

</script>